import React from 'react';
import {PageContainer} from '@ant-design/pro-layout';
import {Alert, Card, Typography} from 'antd';
import styles from './Welcome.less';

const CodePreview: React.FC = ({ children }) => (
  <pre className={styles.pre}>
    <code>
      <Typography.Text copyable>{children}</Typography.Text>
    </code>
  </pre>
);

export default (): React.ReactNode => {
  // const intl = useIntl();
  return (
    <PageContainer>
      <Card>
        <Alert
          message={ '数字货币交易系统，已经发布。'}
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 24,
          }}
        />
        <Typography.Text strong>
          {'2021-04-29 '}

        </Typography.Text>
        <CodePreview>统计以及下单记录查询</CodePreview>
       <Typography.Text strong>
          {'2021-06-23 '}
          {/*<a*/}
          {/*  href="javascript:void(0);"*/}
          {/*  rel="noopener noreferrer"*/}
          {/*  target="__blank"*/}
          {/*>*/}
          {/*  <FormattedMessage id="pages.welcome.link" defaultMessage="欢迎使用" />*/}
          {/*</a>*/}
        </Typography.Text>
        <CodePreview>简易权限系统</CodePreview>
        {/*<Typography.Text*/}
        {/*  strong*/}
        {/*  style={{*/}
        {/*    marginBottom: 12,*/}
        {/*  }}*/}
        {/*>*/}
        {/*  <FormattedMessage id="pages.welcome.advancedLayout" defaultMessage="高级布局" />{' '}*/}
        {/*  <a*/}
        {/*    href="https://procomponents.ant.design/components/layout"*/}
        {/*    rel="noopener noreferrer"*/}
        {/*    target="__blank"*/}
        {/*  >*/}
        {/*    <FormattedMessage id="pages.welcome.link" defaultMessage="欢迎使用" />*/}
        {/*  </a>*/}
        {/*</Typography.Text>*/}
        {/*<CodePreview>yarn add @ant-design/pro-layout</CodePreview>*/}
      </Card>
    </PageContainer>
  );
};
